<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>疫情实时数据</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
</head>
<body>
<div class="container theme-showcase" role="main">
<!--数据-->
<div class="page-header">
    <h1>疫情数据</h1>
    <form action="/search" method="get">
        疫情查询： <input type="text" id="address" name="address">
        <input type="submit" value="查询">
    </form>
</div>
<div class="row">
    <div style="overflow:auto; height: 800px">
        <table class="table">
            <thead>
            <tr>
                <th>Country</th>
                <th>State</th>
                <th>LatestTotalCases</th>
                <th>DiffFromPrevDay</th>
                </th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="data , iterStat : ${listData}">
                <td th:text="${data.getCountry()}"></td>
                <td th:text="${data.getState()}"></td>
                <td th:text="${data.getLatestTotalCases()}"></td>
                <td th:text="${data.getDiffFromPrevDay()}"></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</div>
</body>
</html>